<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="zh-CN">
<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="UTF-8">
    <title>登录 - 田电影购票系统</title>
    <meta name="keywords" content="登录田电影购票系统,用户登录">
    <meta name="description" content="">
    <%--    1. 引入bootstrap.css--%>
    <link rel="stylesheet" href="/plugins/bootstrap-3.4.1-dist/css/bootstrap.css">

    <%--    内部样式写在style--%>
    <style>
        /*class类选择器*/
        .nav_img{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            padding: 5px;
        }

        /*id选择器 - id属性的值必须是唯一的*/
        #login_div{
            /*border: 1px solid red;*/

            margin-top: 80px;

            padding: 50px;

            border-radius: 20px;

            box-shadow: 2px 2px 0px #000;
        }

        .user_enter{
            color: white;
            text-shadow: 2px 2px 0px #000;
        }
    </style>


    <script>
        !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).assetsRetry=e()}(this,function(){"use strict";function a(t){return t}function d(){}function r(t,e){try{return"function"==typeof t[e]}catch(t){return!1}}function y(t){return Array.isArray(t)?t.reduce(function(t,e,n,r){return t[e]=r[(n+1)%r.length],t},{}):t}function p(e,t){return Object.keys(t).filter(function(t){return-1<e.indexOf(t)}).sort(function(t,e){return e.length-t.length})[0]}var e,g="retryTimes",m="succeeded",b="failed",E="maxRetryCount",O="onRetry",f="onSuccess",s="onFail",j="domain",h="_assetsRetryScript",v="_assetsRetryOnerror",l="script",w="data-assets-retry-hooked",S="data-retry-id",A=window,k=window.document,n=A.HTMLElement,R=A.HTMLScriptElement,c=A.HTMLStyleElement,x=A.HTMLLinkElement,L=A.HTMLImageElement,o=Object.prototype.hasOwnProperty,T=function(t,e,n){var r=t.indexOf(e);return-1===r?t:t.substring(0,r)+n+t.substring(r+e.length)},_=function(t){return[].slice.call(t)},M=function(e,t,n,r){void 0===n&&(n=d),void 0===r&&(r=!1);var o,i,c,u,a,f=r||e.defer||e.async;"loading"!==k.readyState||/Edge|MSIE|rv:/i.test(navigator.userAgent)||f?(o=k.createElement(l),Object.keys(R.prototype).forEach(function(t){if("src"!==t&&e[t]&&"object"!=typeof e[t])try{o[t]=e[t]}catch(t){}}),o.src=t,o.onload=e.onload,o.onerror=e.onerror,o.setAttribute(S,P()),(i=e.getAttribute("nonce"))&&o.setAttribute("nonce",i),k.getElementsByTagName("head")[0].appendChild(o)):(c=P(),u=e.outerHTML.replace(/data-retry-id="[^"]+"/,"").replace(/src=(?:"[^"]+"|.+)([ >])/,S+"="+c+' src="'+t+'"$1'),k.write(u),(a=k.querySelector("script["+S+'="'+c+'"]'))&&(a.onload=n))},N=function(e){try{return e.rules}catch(t){try{return e.cssRules}catch(t){return null}}},H=function(e,t,n){var r=k.createElement("link");Object.keys(x.prototype).forEach(function(t){if("href"!==t&&e[t]&&"object"!=typeof e[t])try{r[t]=e[t]}catch(t){}}),r.href=t,r.onload=n,r.setAttribute(S,P()),k.getElementsByTagName("head")[0].insertBefore(r,e)},I=function(t){return t?t instanceof n?[t.nodeName,t.src,t.href,t.getAttribute(S)].join(";"):"not_supported":"null"},P=function(){return Math.random().toString(36).slice(2)},C=function(t){return t instanceof R||t instanceof L?t.src:t instanceof x?t.href:null},B={},F=function(t,e){var n,r=$(t,e),o=r[0],i=r[1];return o?(B[o]=B[o]||((n={})[g]=0,n[b]=[],n[m]=[],n),[i,B[o]]):[]},$=function(t,e){var n,r,o=p(t,e);return o?[(r=o,(n=t).substr(n.indexOf(r)+r.length,n.length)),o]:["",""]};try{e=function(t){for(var e=Object.getPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__},n=Object.keys(t);e(t);)n=n.concat(Object.keys(e(t))),t=e(t);return n.filter(function(t){return"constructor"!==t})}(R.prototype)}catch(t){}function i(a,t){var f=t[E],s=y(t[j]),l=t[O];return e.reduce(function(t,e){var n=r(R.prototype,e);return t[e]=n?{value:function(){return a[h][e].apply(a[h],arguments)}}:{set:function(o){return"onerror"===e?(a[v]=o,void(a[h].onerror=function(r){r.stopPropagation&&r.stopPropagation();function t(){return t=a[v],e=a[h],n=r,"function"!=typeof t?null:t.call(e,n);var t,e,n}var e=a[h].src,n=F(e,s),o=n[0],i=n[1];if(!o||!i)return t();var c=T(e,o,s[o]),u=l(c,e,i);if(null===u)return t();if("string"!=typeof u)throw new Error("a string should be returned in `onRetry` function");i[g]<=f?M(a[h],u,d,!0):t()})):"onload"===e?(a._assetsRetryOnload=o,void(a[h].onload=function(t){var e=a[h].src,n=F(e,s),r=(n[0],n[1]);r&&-1===r[b].indexOf(e)&&r[m].push(e),o&&!o._called&&(o._called=!0,o.call(a[h],t))})):void(a[h][e]=o)},get:function(){return a[h][e]}},t},{})}var q=function(n){var r=k.createElement;k.createElement=function(t,e){return t===l?function(t,e){var n;t.setAttribute(w,"true");var r=((n={})[h]=t,n[v]=d,n),o=i(r,e);return Object.defineProperties(r,o),r}(r.call(k,l),n):r.call(k,t,e)},k.createElement.toString=function(){return"function createElement() { [native code] }"}},z=function(n){Object.keys(n).filter(function(t){return r(n,t)}).forEach(function(t){var e=n[t];n[t]=function(){var t=[].slice.call(arguments).map(function(t){return t&&o.call(t,h)?t[h]:t});return e.apply(this,t)},/^\w+$/.test(t)&&(n[t].toString=new Function("return 'function "+t+"() { [native code] }'"))})};var Z={};function D(y){function c(t){if(t){var e=t.target||t.srcElement,n=C(e);if(n){var r=F(n,v),o=r[0],i=r[1];if(i&&o){i[g]++,i[b].push(n);var c,u=i[g]>y[E];if(u&&(c=$(n,v)[0],h(c)),v[o]&&!u){var a=v[o],f=T(n,o,a),s=p(f,n,i);if(null!==s){if("string"!=typeof s)throw new Error("a string should be returned in `onRetry` function");var l,d=I(e);Z[d]||(Z[d]=!0,l=function(){i[m].push(s)},e instanceof R&&!e.getAttribute(w)&&e.src?M(e,s,l):e instanceof x&&e.href?(e.getAttribute('crossorigin')&&e.removeAttribute('crossorigin'),H(e,s,l)):e instanceof L&&e.src&&(e.setAttribute(S,P()),e.src=s,e.onload=l))}}}}}}var p=y[O],u=y[f],h=y[s],v=y[j];k.addEventListener("error",c,!0),k.addEventListener("load",function(t){var e,n,r,o,i;t&&(e=t.target||t.srcElement,(n=C(e))&&(e.getAttribute(S)&&(r=$(n,v)[0],u(r)),e instanceof x&&k.styleSheets&&(o=_(k.styleSheets).filter(function(t){return t.href===e.href})[0],null!==(i=N(o))&&0===i.length&&c(t))))},!0)}function u(t,e,n,r,o){var i=o[j],c=o[O],u=e.style&&e.style[t];if(u&&!/^url\(["']?data:/.test(u)){var a=u.match(/^url\(["']?(.+?)["']?\)/)||[],f=a[1];if(f){var s=p(f,i);if(s&&i[s]){var l=Object.keys(i).map(function(t){var e=T(f,s,t);return'url("'+c(e,f,null)+'")'}).join(","),d=e.selectorText+("{ "+t.replace(/([a-z])([A-Z])/g,function(t,e,n){return e+"-"+n.toLowerCase()}))+": "+l+" !important; }";try{n.insertRule(d,r.length)}catch(t){n.insertRule(d,0)}}}}}var G={},J=[],K=function(t,o){var i=["backgroundImage","borderImage","listStyleImage"];t.forEach(function(n){var r,t=N(n);null!==t&&((r=_(t)).forEach(function(e){i.forEach(function(t){u(t,e,n,r,o)})}),n.href&&(G[n.href]=!0),n.ownerNode instanceof c&&J.push(n.ownerNode))})},Q=function(t,n){return _(t).filter(function(t){if(!N(t))return!1;if(t.href)return!G[t.href]&&!!p(t.href,n);var e=t.ownerNode;return!(e instanceof c&&-1<J.indexOf(e))})};return function(t){var e,n,r,o;void 0===t&&(t={});try{if("object"!=typeof t[j])throw new Error("opts.domain cannot be non-object.");var i=[E,O,f,s,j],c=Object.keys(t).filter(function(t){return-1===i.indexOf(t)});if(0<c.length)throw new Error("option name: "+c.join(", ")+" is not valid.");var u=((e={})[E]=t[E]||3,e[O]=t[O]||a,e[f]=t[f]||d,e[s]=t[s]||d,e[j]=y(t[j]),e);return q(u),"undefined"!=typeof Node&&z(Node.prototype),"undefined"!=typeof Element&&z(Element.prototype),D(u),n=u,r=k.styleSheets,o=n[j],false&&setInterval(function(){var t=Q(k.styleSheets,o);0<t.length&&K(t,n)},250),B}catch(t){A.console&&console.error("[assetsRetry] error captured",t)}}});
        try{
            function __parseReportUrl(url) {
                var match = url.match(/^(https?\:)\/\/(([^:\/?#]*)(?:\:([0-9]+))?)([\/]{0,1}[^?#]*)(\?[^#]*|)(#.*|)$/);
                return match && {
                    href: url,
                    protocol: match[1],
                    host: match[2],
                    hostname: match[3],
                    port: match[4],
                    pathname: match[5],
                    search: match[6],
                    hash: match[7]
                }
            }

            var domainReportTag = {
                'assets-retry-success': 0,
                'assets-retry-fail': 0
            };
            var eventMaxReportTimes = 5;
            var assetsRetryReport = function(event, originalUrl) {
                var originalUrlObj = __parseReportUrl(originalUrl);

                // 上报限制次数
                if (domainReportTag[event] &&  domainReportTag[event] >= eventMaxReportTimes) {
                    return;
                }
                domainReportTag[event]++;

                var reportData = {
                    url: location.href,
                    referrer: document.referrer || '',
                    event: event,
                    app: 'qcmain',
                    level: 0,
                    at: new Date().getTime(),
                    uin: '',
                    originalUrl: originalUrl,
                    originalCdnDomain: originalUrlObj.hostname
                }

                var reportUrl = 'https://insight.cloud.tencent.com/event';
                var isSupportSendBeacon = typeof navigator.sendBeacon === 'function';

                if (JSON && JSON.stringify) {
                    var reportStr = JSON.stringify(reportData);
                    if (isSupportSendBeacon) {
                        navigator.sendBeacon(reportUrl, reportStr);
                    } else {
                        reportStr = encodeURIComponent(reportStr);
                        reportStr = btoa(reportStr);
                        new Image().src = reportUrl + '?d=' + reportStr;
                    }
                }
            };

            // information of assets
            var assetsRetryStatistics = window.assetsRetry({
                // domain list, only resources in the domain list will be retried.
                domain: {
                    'cloudcache.tencentcs.com': 'cloudcache.tencent-cloud.com',
                    'cloudcache.tencent-cloud.com': 'cloudcache.tencentcs.com',
                    'main.qcloudimg.com': 'qcloudimg.tencentcs.com',
                    'qcloudimg.tencentcs.com': 'main.qcloudimg.com'
                },
                // maximum retry count for each asset, default is 3
                maxRetryCount: 2,
                // onRetry hook is how you can customize retry logic with, default is x => x
                onRetry: function(currentUrl, originalUrl, statistics) {
                    return currentUrl;
                },
                onSuccess: function(currentUrl) {
                    var curStatic = assetsRetryStatistics[currentUrl];
                    if (curStatic && curStatic.failed && curStatic.failed.length) {
                        assetsRetryReport('assets-retry-success', curStatic.failed[0])
                    }
                },
                onFail: function(currentUrl) {
                    var curStatic = assetsRetryStatistics[currentUrl];
                    if (curStatic && curStatic.failed && curStatic.failed.length) {
                        assetsRetryReport('assets-retry-fail', curStatic.failed[0])
                    }
                }
            })
        } catch (err) {}
    </script>


    <link rel="stylesheet" href="//cloudcache.tencent-cloud.com/open_proj/proj_qcloud_v2/gateway/login-regist/login/pc/css/login-202105191241.css?max-age=31536000" />


    <link rel="stylesheet" href="//cloudcache.tencent-cloud.com/open_proj/proj_qcloud_v2/gateway/login-regist/break/css/oabreak-201904230945.css?max-age=31536001" />
    <style type="text/css">
        .qc-scrollbar{display:none};
        .J-qc-back2top, .J-qc-scrollbar{display:none};
    </style>
    <link rel="canonical" href="https://cloud.tencent.com/login" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>
<body class="" style="background-color:#fff">






<div class="clg-head">
    <div class="clg-head-inner">

        <div class="clg-head-aside J-login-site-switcher">
            <div class="clg-dropdown lang">
                <a href="javascript:;" class="clg-dropdown-link J-login-site-curr"><i class="clg-icon-global"></i>田式电影购票<i class="caret"></i></a>
                <ul class="clg-dropdown-menu" role="menu" style="display: none">
                    <li role="presentation"><a role="menuitem" href="javascript:;">中国站</a></li>
                    <li role="presentation"><a role="menuitem" href="javascript:;">International</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>


<div class="clg-wrap">
    <div class="clg-wrap-inner">
        <div class="clg-wrap-con clg-onpage">
            <div class="clg-onpage-con" id="loginBox">
                <div class="clg-mod J-commonLoginContent  ">
                    <div class="J-loginMainContent">
                        <div class="clg-mod-tab J-loginContentBox J-mainloginBox" style="display: none;">
                            <div class="clg-tab-tit">      <div class="clg-tab-tit-inner">
                                <div class="clg-tab-item actived J-loginTab" data-type="wx">
                                    <a href="javascript:;">微信扫码登录</a>
                                </div>       <div class="clg-tab-item J-loginTab" data-type="wework">
                                <a href="javascript:;">企业微信扫码登录</a>
                            </div>      </div>     </div>
                            <div class="J-wxModContaner">
                                <div class="clg-mod-txt clg-mod-txt-center">      请使用微信扫一扫登录 <a href="javascript:;" class="clg-mod-txt-link J-reloadWX">刷新<i class="clg-icon-reload"></i></a>     </div>     <div class="clg-qr-wrap clg-qr-center">
                                <iframe id="wxFrame" frameborder="no" scrolling="no" style="width: 100%; height: 100%; display: inline;" src="https://www.qcloud.com/login/wechat?action=associate&amp;s_url=https%3A%2F%2Fcloud.tencent.com&amp;theme=simple&amp;t=1624238180051&amp;fwd_flag=7"></iframe>     </div>     <div class="clg-qr-after">微信扫码登录失败？前往 <a href="javascript:;" class="J-openToWXLink">微信授权页</a></div>    </div>    <div class="J-weworkModContaner" style="display: none">     <div class="clg-mod-txt clg-mod-txt-center">      请使用企业微信扫一扫登录 <a href="javascript:;" class="clg-mod-txt-link J-reloadWework">刷新<i class="clg-icon-reload"></i></a>     </div>     <div class="clg-qr-wrap clg-qr-center">      <iframe id="weworkFrame" frameborder="no" scrolling="no" style="width:100%; height:100%;" src=""></iframe>     </div>    </div>        </div>    <div class="clg-mod-tab J-loginContentBox J-qcloginBox" style="">
                        <div class="clg-mod-tit">田式电影购票会员邮箱登录</div>
                        <div class="clg-form J-loginForm">
                            <ul class="clg-form-list">      <li>
                                <div class="clg-form-input">
                                    <div class="clg-form-unit">
                                        <input type="email" class="form-control" id="email" placeholder="请输入邮箱">
                                        <span class="glyphicon glyphicon-user form-control-feedback"></span>
                                        <label id="email_label" class="text-danger" style="display: none">* email不存在</label>
                                        <ul class="clg-form-tips-list J-mailSuggest" style="display:none;">         </ul>
                                    </div>       </div>      </li>      <li>       <div class="clg-form-input">
                                <div class="clg-form-unit">
                                    <input type="password" class="form-control" id="code" placeholder="请输入密码">
                                    <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                                    <label id="code_label" class="text-danger" style="display: none">* 验证码错误</label>

                                </div>       </div>
                                <div class="col-md-1" style="margin-left: -28px">
                                    <button type="button" onclick="send_email()" class="btn btn-info">发送验证码</button>
                                </div>
                            </li>      <li style="display:none" class="J-vcodeArea">       <div class="clg-form-input security">        <div class="clg-form-unit">         <input type="text" class="clg-input J-vcodeInput" placeholder="验证码">         <a href="javascript:;" class="clg-security-num J-changeVCode">          <img class="security-img J-vcodeImg">         </a>        </div>       </div>      </li>     </ul>     <div class="clg-form-tips error J-loginTip" style="display: none"></div>
                            <div class="clg-form-btn">      <a href="javascript:;" hotrep="login.btn.doLogin" class="clg-btn J-loginBtn">登 录</a>
                                <a href="javascript:;" class="clg-btn" style="display: none">
                                    <div class="clg-loading clg-loading-weak">        <div class="clg-loading-inner">         <div class="one"></div>         <div class="two"></div>         <div class="three"></div>        </div>       </div>      </a>     </div>    </div>
                        <div class="clg-back-mod J-backToMainMod" style="display: block;">     <a href="javascript:;" class="J-btnSwitchLoginType" data-type="wx"><i class="clg-icon-link-left"></i>18信息与计算科学</a>    </div>   </div>
                        <div class="clg-mod-tab J-loginContentBox J-captchaBox" style="display: none">    <div class="clg-mod-tit">邮箱登录</div>    <div class="clg-form">     <ul class="clg-form-list">      <li>       <div class="clg-security-img-mod J-captchaContent">       </div>      </li>     </ul>    </div>    <div class="clg-back-mod clg-mod-txt-center">     <a href="javascript:;" class="J-btnSwitchLoginType" data-type="email"><i class="clg-icon-link-left"></i>取消验证，返回邮箱登录</a>    </div>   </div>    <div class="clg-other-mod J-otherMod">        <div class="clg-other-tit J-switchLoginTypeArea" style="display: none;"><span>其他登录方式</span></div>    <div class="clg-other-con J-switchLoginTypeArea" style="display: none;">     <div class="clg-other-link">      <a title="邮箱" class="J-btnSwitchLoginType" data-type="email" href="javascript:;" data-hot="login.email" hotrep="login.email">       <i class="clg-icon-mail"></i><span>邮箱</span>      </a>     </div>          <div class="clg-other-link">      <a title="QQ" class="J-btnSwitchLoginType" href="javascript:;" data-type="qq" data-hot="login.qq" hotrep="login.qq">       <i class="clg-icon-qq"></i><span>QQ</span>      </a>     </div>               <div class="clg-other-link clg-other-link-bubble">      <a class="J-btnSwitchLoginType" href="javascript:;" data-type="wxmp" data-hot="login.mp" hotrep="login.mp">       <i class="clg-icon-wxoa"></i><span>小程序公众号</span>      </a>             <div class="clg-bubble clg-bubble-left">         <div class="clg-bubble-inner">           支持微信公众平台的服务号、订阅号、小程序进行登录，请前往微信公众平台进行账号授权，授权完成后即可登录腾讯云。<a data-type="wxmp" data-hot="login.mp" hotrep="login.mp" href="javascript:;" class="clg-link J-btnSwitchLoginType">去授权 &gt;</a>         </div>       </div>           </div>                      <div class="clg-other-link">        <a href="javascript:;" class="J-subAccountLogin">         <i class="clg-icon-cloud"></i><span>子用户</span>        </a>      </div>               </div>        <div class="clg-other-tool auto">
                        <div class="clg-other-tool-item">      <a href="http://www.byau.edu.cn/" class="J-link" hotrep="login.register">关于我们</a>
                        </div>
                        <div class="clg-other-tool-item">
                            <a href="https://user.qzone.qq.com/976119639?ADUIN=1747636339&ADSESSION=1624238005&ADTAG=CLIENT.QQ.5803_FriendTip.0&ADPUBNO=27129&source=namecardhoverstar" class="J-link" hotrep="login.forgetAccount">田式集团</a>
                        </div>     <div class="clg-other-tool-item">
                        <a href="https://baike.baidu.com/item/%E7%94%B5%E5%BD%B1/31689" class="J-link" hotrep="login.forgetPsw">了解更多</a>
                    </div>                    </div>   </div>    <div class="clg-mod-tab J-loginContentBox J-loginedInfo" style="display: none;">    <div class="clg-mod-tit">已登录账号</div>    <div class="clg-form">     <ul class="clg-form-list">      <div class="clg-form-tips-item J-showMsg"></div>     </ul>      <div class="clg-form-btn">      <a href="javascript:;" class="clg-btn J-btn">快速登录</a>     </div>    </div>    <div class="clg-back-mod">     <a href="javascript:;" class="J-loginContinue"><i class="clg-icon-link-left"></i>登录其他账号</a>    </div>   </div>   </div> </div></div>
            <div class="clg-page-tips" id="loginAbout" style="display: none;">


                <div class="clg-page-tips-tit">
                    登录遇到问题？
                </div>
                <div class="clg-page-tips-txt">
                    原登录方式不可用、密码无法找回、账号管理员变动，前往进行 <a href="/services/apply-login" target="_blank">自助申诉</a>
                    <br>
                    其他登录异常，请参考 <a href="/document/product/378/33139" target="_blank">登录异常帮助文档</a>
                </div>


            </div>
        </div>
        <div class="clg-wrap-aside">

            <div class="clg-wrap-aside-inner">
                <div class="clg-wrap-aside-tit">田式电影购票系统~</div>
                <div class="clg-wrap-aside-list">
                    <ul>


                        <li><span>田家军VIP首年666元</span></li>



                        <li><span>热门电影，随心预定</span></li>



                        <li><span>在线购票，任您选座</span></li>


                    </ul>
                </div>

                <div class="clg-wrap-aside-btn">
                    <a href="https://user.qzone.qq.com/976119639?source=aiostar" hotrep="denglu.southwest">
                        立即加入田家军
                    </a>
                </div>

            </div>

            <div class="clg-wrap-aside-event">
                <img src="https://imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/login-regist/login/pc/css/img/event.png">
            </div>


        </div>
    </div>
</div>

<style>
    .qc-scrollbar{display:none};
    .J-qc-back2top, .J-qc-scrollbar{display:none};
</style>
<div class="clg-footer">
    <div class="clg-copyright">Copyright &copy; 2013<script>new Date().getFullYear()>2013&&document.write("-"+new Date().getFullYear());</script> Tencent Cloud. All Rights Reserved. <span>田式集团&nbsp;版权所有</span></div>
</div>
<%--    login-end--%>

<%--    2. 先引入jquery.min.js--%>
<script type="text/javascript" src="/plugins/jquery/jquery.min.js"></script>
<%--    3. 引入bootstrap.js文件--%>
<script type="text/javascript" src="/plugins/bootstrap-3.4.1-dist/js/bootstrap.js"></script>

<script>
    //自定义js函数
    function send_email(){
        //js写法
        //let email = document.getElementById("email").value;

        //jquery写法 - jquery是js的框架
        //jquery菜鸟教程...
        let value = $("#email").val();

        //TODO.. 新建email的校验 - 校验是否为邮箱格式

        //jquery - ajax的写法发送数据到后台
        //第一个参数代表的是后台的映射路径
        //第二个参数代表的是发送的数据,key=value的形式,采用json格式{key:value}
        //第三个参数代表的是后端返回过来的json数据
        $.get('/user/code',{email:value},function(data){
            //data自动转换成json对象
            //json对象.key得到json值
            if(data.code=="404"){
                //拿到错误提示的label标签对象
                let email_label = document.getElementById("email_label");
                //显示出来
                email_label.style.display="";
            }else if(data.code=="200"){
                //console.log(data);
                //拿到错误提示的label标签对象
                let email_label = document.getElementById("email_label");
                //显示出来
                email_label.style.display="none";
                alert(data.msg);
            }
        })
    }

    //登录按钮的单击事件
    function login(){
        //1. 获取俩个文本框的数据
        let email_value = $("#email").val();
        let code_value = $("#code").val();

        //2. 通过ajax方法将这俩个数据发送到后端
        //发送参数仍然是json格式{key1:value1,key2:value2}
        $.get('/user/logincl',{email:email_value,code:code_value},function(data){
            if(data.code=="400"){
                //拿到错误提示的label标签对象
                let code_label = document.getElementById("code_label");
                //显示出来
                code_label.style.display="";
            }else if(data.code=="200") {
                //console.log(data);
                //拿到错误提示的label标签对象
                let code_label = document.getElementById("code_label");
                //显示出来
                code_label.style.display = "";

            }else if(data.code=="500") {
                //console.log(data);
                //拿到错误提示的label标签对象
                let code_label = document.getElementById("code_label");
                //显示出来
                code_label.style.display = "";
                console.log(data);}

        })
    }
</script>















</body>
